<template>
  <main class="home" aria-labelledby="main-title">
    <header class="hero">
      <img
              v-if="data.heroImage"
              :src="$withBase(data.heroImage)"
              :alt="data.heroAlt || 'hero'"
      >

      <h1 v-if="data.heroText !== null" id="main-title">{{ data.heroText || $title || 'Hello' }}</h1>

      <p class="home-nav home-nav-player">

        <a :href="data.videoUrl" class="nav-link action-button go-player-btn" TARGET="_blank">
          <svg aria-labelledby="simpleicons-play-icon" role="img" viewBox="0 0 100 125" fill="#FFFFFF">
            <title id="simpleicons-play-icon" lang="en">Play icon</title>
            <path d="M50,3.8C24.5,3.8,3.8,24.5,3.8,50S24.5,96.2,50,96.2S96.2,75.5,96.2,50S75.5,3.8,50,3.8z M71.2,53.3l-30.8,18  c-0.6,0.4-1.3,0.5-1.9,0.5c-0.6,0-1.3-0.1-1.9-0.5c-1.2-0.6-1.9-1.9-1.9-3.3V32c0-1.4,0.8-2.7,1.9-3.3c1.2-0.6,2.7-0.6,3.8,0  l30.8,18c1.2,0.6,1.9,1.9,1.9,3.3S72.3,52.7,71.2,53.3z"></path>
          </svg>
          {{ data.playerText || 'WHY SPRINGBOOT.PLUS?' }}
        </a>
      </p>

      <p class="home-nav home-nav-quick">
        <a :href="data.actionUrl" class="nav-link action-button quick-btn">{{ data.actionText || 'GET STARTED' }}</a>
        <a :href="data.githubUrl" class="nav-link action-button go-github-btn" TARGET="_blank">
          <svg aria-labelledby="simpleicons-github-dark-icon" lang="" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <title id="simpleicons-github-icon" lang="en">GitHub Dark icon</title>
            <path fill="#7F8C8D" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
          </svg>
          {{ data.githubText || 'GITHUB' }}
        </a>
      </p>

      <p class="description">
        {{ data.tagline || $description || 'Welcome to spring-boot-plus site' }}
      </p>

      <div class="video-div" v-if="data.playerUrl">
        <iframe :src="data.playerUrl" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
      </div>

    </header>
    <div
            class="features"
            v-if="data.features && data.features.length"
    >
      <div
              class="feature"
              v-for="(feature, index) in data.features"
              :key="index"
      >
        <h2>{{ feature.title }}</h2>
        <p>{{ feature.details }}</p>
      </div>
    </div>

    <div>
      <a class="ad-aliyun-ecs" href="https://www.aliyun.com/1111/2019/group-buying-share?ptCode=2605233D3B74078F3E793525082F0291647C88CF896EF535&userCode=liubqy0t&share_source=copy_link"
         title="阿里云服务器拼团-86元/年" target="_blank">
      </a>
    </div>
      <p style="text-align: center">
          <a href="https://www.aliyun.com/1111/2019/group-buying-share?ptCode=2605233D3B74078F3E793525082F0291647C88CF896EF535&userCode=liubqy0t&share_source=copy_link"
             title="阿里云服务器拼团-86元/年" target="_blank">
          【2019双11】ALL IN CLoud 低至1折<br/>
          阿里云双11新客上云仅86元/年 答题领亿元补贴<br/>
          </a>
          <a href="http://uee.me/c3pUp" title="阿里云服务器拼团-86元/年" target="_blank">http://uee.me/c3pUp</a>
      </p>

    <Content class="theme-default-content custom"/>

    <div class="footer">

      <p style="margin-bottom: 0px;"
              class="socials"
              v-if="data.socials && data.socials.length"
      >
          <template v-for="(social, index) in data.socials">
              <a
                      class="social"
                      :key="index"
                      :title="social.title"
                      :href="social.url"
                      target="_blank"

              >

                  <template v-if="social.title=='github'">
                      <svg t="1568652010009" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1107" width="24" height="24"><path d="M512 42.666667A464.64 464.64 0 0 0 42.666667 502.186667 460.373333 460.373333 0 0 0 363.52 938.666667c23.466667 4.266667 32-9.813333 32-22.186667v-78.08c-130.56 27.733333-158.293333-61.44-158.293333-61.44a122.026667 122.026667 0 0 0-52.053334-67.413333c-42.666667-28.16 3.413333-27.733333 3.413334-27.733334a98.56 98.56 0 0 1 71.68 47.36 101.12 101.12 0 0 0 136.533333 37.973334 99.413333 99.413333 0 0 1 29.866667-61.44c-104.106667-11.52-213.333333-50.773333-213.333334-226.986667a177.066667 177.066667 0 0 1 47.36-124.16 161.28 161.28 0 0 1 4.693334-121.173333s39.68-12.373333 128 46.933333a455.68 455.68 0 0 1 234.666666 0c89.6-59.306667 128-46.933333 128-46.933333a161.28 161.28 0 0 1 4.693334 121.173333A177.066667 177.066667 0 0 1 810.666667 477.866667c0 176.64-110.08 215.466667-213.333334 226.986666a106.666667 106.666667 0 0 1 32 85.333334v125.866666c0 14.933333 8.533333 26.88 32 22.186667A460.8 460.8 0 0 0 981.333333 502.186667 464.64 464.64 0 0 0 512 42.666667" p-id="1108"></path></svg>
                  </template>
                  <template v-else-if="social.title=='dev'">
                      <svg t="1568655486292" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1999" width="24" height="24"><path d="M304.24 416.58c-7.76-5.8-15.54-8.7-23.3-8.7H246.06v208.94h34.9c7.76 0 15.54-2.9 23.3-8.7 7.76-5.8 11.64-14.5 11.64-26.12v-139.3c-0.02-11.6-3.92-20.32-11.66-26.12zM872.2 64H151.8C103.4 64 64.12 103.18 64 151.6v720.8C64.12 920.82 103.4 960 151.8 960h720.4c48.42 0 87.68-39.18 87.8-87.6V151.6c-0.12-48.42-39.4-87.6-87.8-87.6zM372.4 582.38c0 37.62-23.22 94.62-96.72 94.5h-92.8V345.96h94.76c70.88 0 94.72 56.92 94.74 94.56l0.02 141.86z m201.36-177.32H467.2v76.84h65.14v59.14H467.2v76.82h106.58v59.14h-124.36c-22.32 0.58-40.88-17.06-41.44-39.38V387.4c-0.54-22.3 17.12-40.82 39.42-41.38h126.38l-0.02 59.04z m207.28 230.58c-26.4 61.5-73.7 49.26-94.88 0l-77.06-289.6h65.14l59.42 227.44 59.14-227.44h65.16l-76.92 289.6z" p-id="2000" fill="#2c2c2c"></path></svg>
                  </template>
                  <template v-else-if="social.title=='medium'">
                      <svg t="1568652363674" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1720" width="24" height="24"><path d="M64 64v896h896V64H64z m744.4 212.2l-48 46c-4.2 3.2-6.2 8.4-5.4 13.4v338.6c-0.8 5.2 1.2 10.4 5.4 13.4l47 46v10.2h-236V734l48.6-47.2c4.8-4.8 4.8-6.2 4.8-13.4V399.6l-135.2 343.2h-18.2L314 399.6v230c-1.4 9.6 2 19.4 8.8 26.4l63.2 76.6v10.2H206.4v-10.2l63.2-76.6c6.8-7 9.8-16.8 8.2-26.4v-266c0.8-7.4-2-14.6-7.6-19.6L214 276.2V266h174.6l134.8 296L642 266.2h166.4v10z" fill="" p-id="1721"></path></svg>
                  </template>
                  <template v-else-if="social.title=='twitter'">
                      <svg t="1568652251705" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1825" width="24" height="24"><path d="M962.267429 233.179429q-38.253714 56.027429-92.598857 95.451429 0.585143 7.972571 0.585143 23.990857 0 74.313143-21.723429 148.260571t-65.974857 141.970286-105.398857 120.32-147.456 83.456-184.539429 31.158857q-154.843429 0-283.428571-82.870857 19.968 2.267429 44.544 2.267429 128.585143 0 229.156571-78.848-59.977143-1.170286-107.446857-36.864t-65.170286-91.136q18.870857 2.852571 34.889143 2.852571 24.576 0 48.566857-6.290286-64-13.165714-105.984-63.707429t-41.984-117.394286l0-2.267429q38.838857 21.723429 83.456 23.405714-37.741714-25.161143-59.977143-65.682286t-22.308571-87.990857q0-50.322286 25.161143-93.110857 69.12 85.138286 168.301714 136.265143t212.260571 56.832q-4.534857-21.723429-4.534857-42.276571 0-76.580571 53.979429-130.56t130.56-53.979429q80.018286 0 134.875429 58.294857 62.317714-11.995429 117.174857-44.544-21.138286 65.682286-81.115429 101.741714 53.174857-5.705143 106.276571-28.598857z" fill="#00ACED" p-id="1826"></path></svg>
                  </template>
                  <template v-else-if="social.title=='facebook'">
                      <svg t="1568652301475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2557" width="24" height="24"><path d="M967.601349 1024c31.076808 0 56.398651-25.321843 56.398651-56.398651V56.398651c0-31.076808-25.321843-56.398651-56.398651-56.398651H56.398651C25.321843 0 0 25.321843 0 56.398651v910.819034c0 31.076808 25.321843 56.398651 56.398651 56.398651h911.202698z" fill="#3C5A99" p-id="2558"></path><path d="M706.709629 1024V627.29112h133.13151l19.950543-154.61671h-153.082053V374.072686c0-44.888722 12.277257-75.198202 76.732859-75.198201h81.720494v-138.119146c-14.195579-1.918321-62.920944-6.138629-119.319595-6.138629-118.168602 0-198.738104 72.128887-198.738104 204.109405v113.948295h-133.515174v154.61671h133.515174v396.70888h159.604346z" fill="#FFFFFF" p-id="2559"></path></svg>
                  </template>
                  <template v-else-if="social.title=='google'">
                      <svg t="1568655741104" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3922" width="24" height="24"><path d="M1011.798 521.58c0-41.953-3.404-72.568-10.772-104.316h-479.06v189.354h281.198c-5.667 47.057-36.282 117.925-104.315 165.544l-0.954 6.34 151.47 117.342 10.494 1.047c96.377-89.01 151.939-219.972 151.939-375.312" fill="#4285F4" p-id="3923"></path><path d="M521.966 1020.482c137.764 0 253.417-45.357 337.893-123.59l-161.01-124.73c-43.086 30.048-100.915 51.025-176.883 51.025-134.93 0-249.45-89.006-290.272-212.031l-5.984 0.508-157.5 121.891-2.06 5.726c83.905 166.678 256.254 281.201 455.816 281.201" fill="#34A853" p-id="3924"></path><path d="M231.694 611.156c-10.772-31.748-17.006-65.767-17.006-100.915 0-35.152 6.234-69.167 16.439-100.915l-0.285-6.761-159.475-123.85-5.217 2.482c-34.582 69.167-54.425 146.839-54.425 229.044s19.843 159.873 54.425 229.04l165.544-128.125" fill="#FBBC05" p-id="3925"></path><path d="M521.966 197.292c95.81 0 160.44 41.386 197.292 75.971l144.001-140.6C774.82 50.457 659.73 0 521.966 0 322.404 0 150.056 114.52 66.15 281.197l164.977 128.13c41.39-123.025 155.91-212.035 290.84-212.035" fill="#EB4335" p-id="3926"></path></svg>
                  </template>

                  <template v-if="social.title=='oschina'">
                      <svg t="1568652939848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="747" width="24" height="24"><path d="M694.26678 581.165675c-27.840272 67.860663-93.960918 116.581138-172.261682 116.581139-102.661003 0-185.31181-82.650807-185.31181-185.31181S419.344095 327.123195 522.005098 327.123195c80.91079 0 150.51147 52.20051 174.871707 125.281223L984.849618 353.223449c-66.120646-192.271878-248.82243-330.603229-462.84452-330.603228C251.432455 21.750212 32.190314 240.992353 32.190314 511.564996s219.242141 489.814783 489.814784 489.814783c206.192014 0 381.93373-127.02124 455.014443-307.112999l-282.752761-113.101105z" fill="#3BAC56" p-id="748"></path><path d="M522.005098 1024C240.122345 1024 10.440102 794.317757 10.440102 511.564996 10.440102 229.682243 240.122345 0 522.005098 0c218.372133 0 412.384027 138.331351 483.724724 344.523364l6.960068 20.880204-328.863212 113.971113-6.960068-20.880204C654.246389 392.373832 591.605777 348.003398 522.005098 348.003398 431.524214 348.003398 358.4435 421.084112 358.4435 511.564996s73.080714 163.561597 163.561598 163.561597c66.990654 0 127.02124-40.020391 152.251487-102.661003l7.830076-20.010195 322.773152 129.631266-7.830076 20.010195c-78.300765 195.751912-264.482583 321.903144-475.024639 321.903144zM522.005098 43.500425C263.612574 43.500425 53.940527 253.172472 53.940527 511.564996c0 258.392523 209.672048 468.064571 468.064571 468.064571 185.31181 0 349.743415-107.011045 426.304163-274.052677L705.57689 609.005947c-35.670348 67.860663-105.271028 110.491079-183.571792 110.491079C408.033985 719.497026 314.943076 626.406117 314.943076 511.564996 314.943076 397.593883 408.033985 304.502974 522.005098 304.502974c80.91079 0 153.991504 46.980459 187.921835 119.191164l247.082413-85.260833C886.538658 160.951572 714.276975 43.500425 522.005098 43.500425z" fill="#08633B" p-id="749"></path></svg>
                  </template>
                  <template v-else-if="social.title=='gitee'">
                      <svg t="1568652984590" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1105" width="24" height="24"><path d="M512 1024C229.2224 1024 0 794.7776 0 512S229.2224 0 512 0s512 229.2224 512 512-229.2224 512-512 512z m259.1488-568.8832H480.4096a25.2928 25.2928 0 0 0-25.2928 25.2928l-0.0256 63.2064c0 13.952 11.3152 25.2928 25.2672 25.2928h177.024c13.9776 0 25.2928 11.3152 25.2928 25.2672v12.6464a75.8528 75.8528 0 0 1-75.8528 75.8528H366.592a25.2928 25.2928 0 0 1-25.2672-25.2928v-240.1792a75.8528 75.8528 0 0 1 75.8272-75.8528h353.9456a25.2928 25.2928 0 0 0 25.2672-25.2928l0.0768-63.2064a25.2928 25.2928 0 0 0-25.2672-25.2928H417.152a189.6192 189.6192 0 0 0-189.6192 189.6448v353.9456c0 13.9776 11.3152 25.2928 25.2928 25.2928h372.9408a170.6496 170.6496 0 0 0 170.6496-170.6496v-145.408a25.2928 25.2928 0 0 0-25.2928-25.2672z" fill="#C71D23" p-id="1106"></path></svg>
                  </template>
                  <template v-else-if="social.title=='csdn'">
                      <svg t="1568653667136" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2022" width="24" height="24"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m189.952 752l11.2-108.224c-31.904 9.536-100.928 16.128-147.712 16.128-134.464 0-205.728-47.296-195.328-146.304 11.584-110.688 113.152-145.696 232.64-145.696 54.784 0 122.432 8.8 151.296 18.336L768 272.704C724.544 262.24 678.272 256 599.584 256c-203.2 0-388.704 94.88-406.4 263.488C178.336 660.96 303.584 768 535.616 768c80.672 0 138.464-6.432 166.336-16z" fill="#CE000D" p-id="2023"></path></svg>
                  </template>
                  <template v-else-if="social.title=='cnblogs'">
                      <svg t="1568653365441" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6134" width="24" height="24"><path d="M874.030545 149.969455c-199.959273-199.959273-524.101818-199.959273-724.06109 0-199.959273 199.959273-199.959273 524.101818 0 724.06109 199.959273 199.959273 524.101818 199.959273 724.06109 0 199.959273-199.959273 199.959273-524.101818 0-724.06109zM379.019636 742.493091a50.222545 50.222545 0 1 1-71.074909-70.935273 50.222545 50.222545 0 0 1 71.074909 70.935273z m219.229091 1.489454a41.332364 41.332364 0 0 1-81.733818-12.288h-0.046545a6.981818 6.981818 0 0 0-0.046546 0.325819v-0.372364c0.325818-2.792727 2.187636-22.109091-3.165091-47.988364a185.856 185.856 0 0 0-51.805091-95.232 183.575273 183.575273 0 0 0-94.72-51.525818 167.144727 167.144727 0 0 0-45.288727-3.118545 41.239273 41.239273 0 0 1-37.748364-69.678546 41.192727 41.192727 0 0 1 22.528-11.543272v-0.232728c4.747636-0.791273 118.551273-17.547636 213.690182 77.591273 94.952727 94.952727 79.127273 209.221818 78.336 214.109091z m186.88 8.09891a41.332364 41.332364 0 0 1-70.050909 22.807272 42.123636 42.123636 0 0 1-12.427636-35.979636c0.093091-0.372364 5.445818-39.982545-5.399273-94.906182-14.196364-71.866182-48.314182-135.354182-101.282909-188.695273-53.341091-53.015273-116.829091-87.086545-188.741818-101.282909-54.923636-10.845091-94.487273-5.538909-94.952727-5.492363h0.232727-0.046546a42.589091 42.589091 0 0 1-47.662545-35.095273 41.425455 41.425455 0 0 1 34.350545-47.336727c2.048-0.325818 51.060364-7.819636 118.690909 4.654545a439.202909 439.202909 0 0 1 113.338182 37.282909 454.144 454.144 0 0 1 122.274909 87.738182l0.977455 1.024 1.024 0.930909a454.283636 454.283636 0 0 1 87.738182 122.368c17.501091 35.84 30.021818 73.914182 37.329454 113.291636 12.427636 67.630545 4.980364 116.642909 4.608 118.69091z" p-id="6135" fill="#4280CE"></path></svg>
                  </template>
                  <template v-else-if="social.title=='zhihu'">
                      <svg t="1568652737297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2682" width="24" height="24"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m-129.877333-756.48s-36.1984 2.116267-48.981334 24.490667c-12.782933 22.357333-54.306133 137.3696-54.306133 137.3696s13.841067 6.382933 37.2736-10.6496c23.432533-17.0496 30.890667-46.865067 30.890667-46.865067l42.581333-2.116267 1.0752 121.3952s-73.489067-1.0752-88.405333 0c-14.8992 1.058133-23.415467 40.448-23.415467 40.448h111.8208s-9.591467 67.106133-38.3488 116.087467c-28.740267 48.981333-83.063467 87.313067-83.063467 87.313067s39.424 15.9744 77.738667-6.382934c38.3488-22.357333 66.6112-120.712533 66.6112-120.712533l89.941333 110.062933s8.192-52.394667-1.467733-67.1744c-9.659733-14.7968-62.208-74.2912-62.208-74.2912l-22.954667 20.224 16.3328-65.109333h97.962667s0-38.3488-19.1488-40.465067c-19.182933-2.133333-78.813867 0-78.813867 0v-119.278933h88.405334s-1.0752-39.389867-18.1248-39.389867H359.765333l22.357334-64.955733z m170.001066 61.184v358.570667h36.010667l13.090133 45.0048 63.351467-45.0048h89.053867V328.704H552.123733z m42.666667 39.918933h117.879467v277.9136h-41.864534l-53.384533 40.2432-11.639467-40.2432h-10.990933V368.64z" fill="#0E87EA" p-id="2683"></path></svg>
                  </template>
                  <template v-else-if="social.title=='jianshu'">
                      <svg t="1568653151576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3260" width="24" height="24"><path d="M654.791111 38.494815H368.260741c-95.004444 0-142.411852 0-193.611852 16.118518-55.940741 20.48-99.934815 64.474074-120.225185 120.225186-16.308148 51.2-16.308148 98.607407-16.308148 193.611851v286.530371c0 95.004444 0 142.601481 16.118518 193.611852 20.29037 55.751111 64.284444 99.745185 120.035556 120.035555 51.2 16.118519 98.607407 16.118519 193.611851 16.118519h286.530371c95.004444 0 142.411852 0 193.611852-16.118519 55.751111-20.29037 99.745185-64.284444 120.225185-120.035555 16.118519-51.2 16.118519-98.607407 16.118518-193.611852V368.45037c0-95.004444 0-142.411852-16.118518-193.611851-20.29037-55.751111-64.284444-99.745185-120.225185-120.225186-50.820741-16.118519-98.228148-16.118519-193.232593-16.118518z m0 0" fill="#ea6f5a" p-id="3261"></path><path d="M235.52 456.817778h70.731852v370.346666h-70.731852V456.817778z m40.011852-112.450371c17.825185 32.995556 29.202963 65.801481 34.512592 98.797037h77.17926c-10.619259-42.097778-23.893333-74.903704-39.822223-98.797037h-71.869629z m0 0" fill="#FFFFFF" p-id="3262"></path><path d="M427.804444 278.565926h85.143704v-46.648889h-154.358518c1.706667-3.602963 4.361481-10.05037 7.964444-19.152593 1.706667-7.395556 3.602963-12.705185 5.30963-16.497777H292.02963c-12.325926 49.303704-40.77037 85.902222-85.143704 109.795555V352.711111c58.595556-14.601481 100.124444-39.253333 124.965926-73.955555h26.548148c8.912593 23.703704 14.222222 46.648889 15.928889 68.645925h74.524444c-5.12-25.78963-12.325926-48.734815-21.048889-68.835555zM393.102222 426.666667h320.663704v301.70074c1.706667 27.496296-10.619259 40.201481-37.167407 38.305186h-43.994075v54.802963h63.905186c62.008889 1.896296 92.16-26.548148 90.453333-85.143704V371.863704H393.102222V426.666667z m0 0" fill="#FFFFFF" p-id="3263"></path><path d="M643.223704 476.16H382.482963v277.048889h180.906667c56.699259 1.896296 83.437037-25.6 79.834074-82.299259V476.16z m-188.871111 49.303704h117.001481v63.146666h-117.001481v-63.146666z m82.488888 178.251852h-82.488888V635.259259h117.001481v32.995556c1.706667 25.41037-9.671111 37.357037-34.512593 35.460741z m109.037038-474.453334c0-1.896296 0.948148-4.551111 2.654814-8.154074l7.964445-24.651852h-79.834074c-12.515556 51.2-39.822222 89.694815-82.488889 115.294815v43.804445c54.992593-14.601481 96.711111-40.201481 124.965926-76.8h37.167407c8.912593 23.703704 14.222222 46.648889 15.928889 68.645925h71.86963c-1.706667-18.204444-8.912593-41.14963-21.238519-68.645925h93.108148v-49.303704h-170.097777z m0 0" fill="#FFFFFF" p-id="3264"></path></svg>
                  </template>
                  <template v-else-if="social.title=='segmentfault'">
                    <svg t="1568652842330" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4405" width="24" height="24"><path d="M122.784 771.887c37.744 34.186 91.994 64.87 143.897 64.87 37.744 0 80.196-16.515 80.196-61.339 0-49.53-57.795-57.786-122.662-86.101-73.125-31.852-134.463-70.762-134.463-163.95 0-121.483 97.899-173.373 219.38-173.373 66.050 0 136.825 15.341 187.532 48.357v14.147l-47.177 93.188c-33.020-24.765-77.846-41.274-127.387-41.274-43.636 0-70.762 17.68-70.762 51.888 0 44.806 51.902 54.253 116.77 79.019 89.633 34.211 143.885 71.953 143.885 167.479 0 125.014-97.888 179.287-227.625 179.287-82.57 0-148.62-22.422-211.126-69.591v-14.146l49.541-88.463z" fill="#009A61" p-id="4406"></path><path d="M655.82 942.875c0-11.963 2.371-337.511 3.559-450.013-32.272 1.188-65.826 1.188-75.365 1.188l1.188-120.88c9.586 0 41.906 0 72.991 1.188 0-4.794-2.371-104.127-2.371-107.711 0-135.234 78.973-185.519 181.91-185.519 44.281 0 89.744 7.19 135.261 26.34v17.939l-34.74 95.749c-19.129-10.774-40.674-16.753-59.847-16.753-33.505 0-55.053 16.753-55.053 80.182 0 21.545 1.233 84.976 1.233 89.771 35.881-1.188 104.127-1.188 113.667-1.188l-1.188 120.88c-9.588 0-77.787 0-113.713-1.188 2.419 112.501 2.419 438.050 2.419 450.013h-169.952z" fill="#009A61" p-id="4407"></path></svg>
                  </template>
                  <template v-else-if="social.title=='juejin'">
                    <svg t="1568653106994" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2521" width="24" height="24"><path d="M465.188571 161.792c-22.966857 18.139429-44.324571 35.108571-47.396571 37.741714l-5.851429 4.681143 10.971429 8.630857c5.997714 4.827429 11.849143 9.508571 13.019429 10.532572 1.170286 1.024 17.993143 14.336 37.156571 29.696l34.962286 27.794285 5.266285-3.949714c2.925714-2.194286 23.259429-18.432 45.348572-35.986286 21.942857-17.554286 41.252571-32.768 42.715428-33.645714 1.609143-1.024 2.779429-2.194286 2.779429-2.779428 0-0.438857-9.654857-8.630857-21.504-17.846858-11.995429-9.362286-22.674286-17.846857-23.844571-18.870857-15.945143-13.019429-49.737143-39.058286-50.761143-39.058285-0.585143 0.146286-19.894857 14.921143-42.861715 33.060571zM698.514286 342.162286c-191.049143 151.113143-189.586286 149.942857-193.097143 147.748571-3.072-1.901714-11.556571-8.484571-64.073143-50.029714-9.069714-7.168-18.578286-14.774857-21.357714-16.822857-2.779429-2.194286-8.777143-6.875429-13.312-10.532572-4.681143-3.657143-10.678857-8.338286-13.312-10.532571-13.165714-10.24-71.094857-56.027429-102.107429-80.457143-5.851429-4.681143-11.410286-8.484571-12.141714-8.484571-0.731429 0-10.971429 7.753143-22.674286 17.115428-11.702857 9.508571-22.674286 18.285714-24.283428 19.456-1.755429 1.170286-5.12 3.949714-7.460572 6.144-2.340571 2.340571-4.827429 4.096-5.412571 4.096-3.072 0-0.731429 3.072 6.436571 8.777143 4.096 3.218286 8.777143 6.875429 10.093714 8.045714 1.316571 1.024 10.24 8.045714 19.748572 15.506286s23.259429 18.285714 30.427428 23.990857c19.309714 15.213714 31.890286 25.307429 127.853715 101.083429 47.835429 37.741714 88.795429 69.778286 90.843428 71.094857 3.657143 2.486857 3.949714 2.486857 7.460572-0.292572 1.901714-1.462857 9.216-7.168 16.091428-12.726857 6.875429-5.412571 14.774857-11.702857 17.554286-13.897143 30.134857-23.698286 80.018286-63.049143 81.773714-64.512 1.170286-1.024 12.434286-9.801143 24.868572-19.602285s37.888-29.696 56.32-44.324572c18.578286-14.628571 46.226286-36.425143 61.732571-48.566857 15.506286-12.141714 27.794286-22.528 27.501714-23.259428-0.877714-1.170286-57.636571-47.104-59.977142-48.274286-0.731429-0.438857-18.578286 12.726857-39.497143 29.257143z" fill="#006CFF" p-id="2522"></path><path d="M57.929143 489.325714c-15.213714 12.288-28.525714 23.405714-29.696 24.576-2.340571 2.194286-5.412571-0.438857 80.018286 66.852572 33.206857 26.185143 32.621714 25.746286 57.636571 45.494857 10.386286 8.192 36.278857 28.672 57.782857 45.494857 38.180571 30.134857 44.909714 35.401143 52.662857 41.545143 2.048 1.755429 22.966857 18.139429 46.372572 36.571428 23.259429 18.432 74.166857 58.514286 112.932571 89.088 38.912 30.573714 71.094857 55.734857 71.826286 56.027429 0.731429 0.292571 7.460571-4.388571 14.921143-10.386286 21.796571-16.969143 90.258286-70.948571 101.522285-79.872 5.705143-4.534857 12.873143-10.24 15.945143-12.580571 3.072-2.486857 6.436571-5.12 7.314286-5.851429 0.877714-0.877714 11.849143-9.508571 24.283429-19.309714 20.772571-16.091429 59.099429-46.226286 64.365714-50.614857 1.170286-1.024 5.12-4.096 8.777143-6.875429 3.657143-2.779429 7.899429-6.290286 9.508571-7.606857 1.609143-1.316571 14.774857-11.702857 29.257143-23.113143 29.110857-22.820571 42.276571-33.206857 88.502857-69.632 17.261714-13.604571 32.475429-25.453714 33.645714-26.477714 2.486857-2.048 31.451429-24.868571 44.617143-35.254857 4.827429-3.657143 9.069714-7.168 9.508572-7.606857 0.438857-0.585143 5.997714-4.827429 12.434285-9.801143 6.436571-4.827429 13.165714-10.24 15.067429-11.849143l3.364571-2.925714-9.947428-7.753143c-5.412571-4.388571-10.24-8.192-10.678857-8.630857-1.170286-1.316571-22.381714-18.432-30.134857-24.283429-3.949714-3.072-7.314286-5.997714-7.606858-6.729143-1.316571-3.072-6.729143 0.146286-29.257142 17.993143-13.458286 10.532571-25.746286 20.187429-27.355429 21.504-1.609143 1.462857-10.532571 8.338286-19.748571 15.652572-9.216 7.168-17.115429 13.458286-17.554286 13.897142-0.438857 0.438857-6.582857 5.412571-13.897143 10.971429-7.168 5.558857-15.213714 11.702857-17.700571 13.750857-4.973714 4.096-5.412571 4.388571-20.333715 16.237714-5.558857 4.388571-11.264 8.777143-12.434285 9.801143-1.170286 1.024-20.333714 16.091429-42.422858 33.353143-22.089143 17.408-41.545143 32.768-43.154285 34.084572-1.609143 1.462857-14.482286 11.556571-28.525715 22.528s-40.813714 32.036571-59.538285 46.811428c-18.578286 14.774857-42.276571 33.353143-52.516572 41.398857s-23.259429 18.285714-28.964571 22.820572l-10.386286 8.338285-4.388571-3.072c-2.340571-1.755429-4.681143-3.510857-5.12-3.949714-0.438857-0.438857-4.973714-4.096-10.24-8.045714-11.849143-9.216-14.482286-11.264-16.676572-13.165714-0.877714-0.877714-4.242286-3.510857-7.460571-5.851429-3.218286-2.486857-6.144-4.681143-6.582857-5.12-0.438857-0.438857-6.875429-5.705143-14.482286-11.702857-7.606857-5.851429-14.921143-11.556571-16.091429-12.580572-1.316571-1.170286-17.115429-13.604571-35.254857-27.794285-17.993143-14.189714-35.108571-27.648-38.034285-29.842286-5.705143-4.681143-33.499429-26.624-125.074286-98.742857-34.523429-27.209143-72.704-57.344-84.845714-66.852572-49.737143-39.497143-55.149714-43.593143-56.905143-43.446857-0.877714 0-14.043429 10.24-29.257143 22.528z" fill="#006CFF" p-id="2523"></path></svg>
                  </template>
                  <template v-else-if="social.title=='weibo'">
                    <svg t="1568653886191" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4216" width="24" height="24"><path d="M643.57333333 533.504c-26.03733333-24.14933333-59.78666667-42.02666667-101.728-53.62133333-41.94133333-11.104-86.304-14.48533333-134.02666666-9.65333334-72.32 7.73333333-132.58666667 30.432-180.26666667 69.55733334-47.73333333 38.64533333-69.42933333 82.13333333-64.608 129.94133333 2.90133333 31.40266667 17.35466667 59.41333333 43.392 83.57333333s59.78666667 42.02666667 101.728 53.62133334 86.304 14.93333333 134.03733333 10.13333333c72.32-7.72266667 132.58666667-30.42133333 180.26666667-69.55733333s69.41866667-82.60266667 64.56533333-130.42133334c-2.85866667-31.40266667-17.32266667-59.41333333-43.36-83.57333333z" fill="#FFFFFF" p-id="4217"></path><path d="M533.16266667 602.58133333c-15.424-29.46133333-40.97066667-48.78933333-77.13066667-58.44266666-34.22933333-9.184-68.46933333-5.80266667-102.69866667 9.17333333q-50.624 22.464-73.76 68.11733333c-15.43466667 30.93333333-16.39466667 61.344-3.38133333 91.73333334 13.024 29.952 37.13066667 50.72 71.84 61.86666666 36.16 12.07466667 72.8 10.144 109.44-5.80266666 36.64-15.456 62.67733333-40.096 77.14133333-73.41866667 14.944-32.84266667 14.464-63.75466667-1.45066666-93.22666667z m-129.20533334 100c-7.232 11.104-17.35466667 18.83733333-30.85866666 23.66933334q-19.52 6.50666667-36.16-1.45066667c-11.08266667-5.33333333-18.31466667-13.52533333-21.20533334-24.64-2.90133333-11.59466667-0.97066667-22.69866667 6.26133334-33.81333333 6.752-11.11466667 16.87466667-18.35733333 29.408-22.69866667a50.31466667 50.31466667 0 0 1 35.68 0.48c11.57333333 4.832 18.80533333 13.04533333 22.176 24.64s1.408 22.69866667-5.30133334 33.81333333zM449.76 643.2a18.42133333 18.42133333 0 0 1-11.09333333 9.664 22.99733333 22.99733333 0 0 1-13.984 0c-9.6-4.832-11.56266667-12.07466667-6.26133334-22.21866667a21.06666667 21.06666667 0 0 1 24.58666667-9.664 14.848 14.848 0 0 1 8.68266667 9.184c1.44 4.29866667 0.48 8.65066667-1.93066667 13.03466667z" fill="#040000" p-id="4218"></path><path d="M820.512 561.52533333c-11.08266667-17.38666667-24.10666667-30.432-39.05066667-40.096a207.46666667 207.46666667 0 0 0-50.13333333-23.18933333c-3.85066667-1.45066667-6.752-2.41066667-8.192-2.89066667a61.312 61.312 0 0 1-5.792-3.872c-2.4-1.93066667-3.37066667-3.86133333-2.4-6.272a30.67733333 30.67733333 0 0 0 2.4-9.664c14.464-37.68533333 14.464-66.656 0-87.46666666-14.93333333-19.808-40.01066667-29.952-74.66666667-29.952s-74.73066667 9.664-120.05333333 28.98133333l-2.89066667 0.97066667a27.30666667 27.30666667 0 0 1-6.752 1.93066666 12.27733333 12.27733333 0 0 1-7.232 0.48 6.08 6.08 0 0 1-4.82133333-3.38133333c-0.96-1.93066667-0.96-5.33333333 0.48-9.65333333 14.93333333-47.33866667 11.57333333-81.64266667-9.6-102.4-23.616-24.16-64.11733333-25.12-120.04266667-3.38133334C315.24266667 293.90933333 259.808 332.55466667 204.8 387.62666667c-41.46133333 42.02666667-73.77066667 84.05333333-96.42666667 126.56S74.66666667 596.78933333 74.66666667 634.464c0 35.264 10.60266667 67.62666667 31.81866666 98.06933333q31.81866667 44.91733333 83.89333334 73.89866667c34.22933333 19.328 73.76 34.304 117.152 45.408A538.82666667 538.82666667 0 0 0 441.6 868.26666667c45.80266667-0.48 90.15466667-5.33333333 132.096-15.456 42.432-10.144 79.072-23.66933333 110.41066667-40.53333334a409.44 409.44 0 0 0 82.44266666-57.48266666c23.14666667-21.25866667 40.98133333-43.968 53.03466667-67.2 12.05333333-23.66933333 17.83466667-46.37866667 17.83466667-68.59733334a105.33333333 105.33333333 0 0 0-16.90666667-57.472zM622.35733333 747.49866667c-47.72266667 39.136-107.98933333 61.86666667-180.26666666 69.55733333-47.73333333 4.832-92.08533333 1.45066667-134.03733334-10.13333333s-75.73333333-29.472-101.728-53.62133334-40.53333333-52.17066667-43.392-83.57333333c-4.82133333-47.81866667 16.87466667-91.296 64.608-129.94133333 47.73333333-39.12533333 108-61.86666667 180.26666667-69.55733334 47.72266667-4.832 92.08533333-1.45066667 134.02666667 9.65333334 41.94133333 11.59466667 75.73333333 29.472 101.728 53.62133333s40.53333333 52.17066667 43.392 83.57333333c4.832 47.81866667-16.864 91.296-64.59733334 130.42133334z" fill="#CD281E" p-id="4219"></path><path d="M801.22666667 313.23733333c13.504 15.456 22.66666667 33.32266667 26.51733333 53.13066667s2.89066667 39.12533333-3.37066667 57.48266667c-2.41066667 7.73333333-7.232 13.04533333-14.464 16.90666666-7.232 3.38133333-14.464 4.352-21.696 1.93066667a25.78133333 25.78133333 0 0 1-16.39466666-14.48533333c-3.37066667-7.24266667-4.34133333-14.496-1.93066667-21.73866667 6.272-20.77866667 2.41066667-38.64533333-11.57333333-54.58133333q-21.67466667-23.2-52.064-17.39733334a30.25066667 30.25066667 0 0 1-22.176-3.81866666c-6.752-4.352-11.09333333-10.144-12.05333334-18.35733334-1.45066667-7.73333333-0.48-14.93333333 3.86133334-21.73866666s10.12266667-11.11466667 17.83466666-12.55466667a112.32 112.32 0 0 1 107.50933334 35.264z" fill="#DA761E" p-id="4220"></path><path d="M889.46133333 233.04533333a224 224 0 0 1 54.95466667 109.17333334c8.20266667 41.536 6.272 80.672-6.74133333 118.4a35.2 35.2 0 0 1-16.39466667 19.808c-8.192 4.34133333-16.39466667 4.832-25.6 1.93066666a31.936 31.936 0 0 1-19.28533333-16.90666666c-4.33066667-8.21333333-4.82133333-16.42666667-2.41066667-25.6 9.16266667-26.57066667 10.66666667-55.072 4.82133333-84.53333334a157.51466667 157.51466667 0 0 0-39.05066666-77.29066666c-20.26666667-22.70933333-44.352-38.16533333-72.32-46.85866667a166.90133333 166.90133333 0 0 0-84.37333334-4.352 32.256 32.256 0 0 1-25.54666666-4.832c-7.712-4.82133333-12.53333333-12.07466667-14.464-21.248s-0.48-17.39733333 4.82133333-25.12A31.75466667 31.75466667 0 0 1 669.13066667 161.06666667c40.01066667-8.69333333 79.552-6.76266667 119.08266666 5.80266666 39.05066667 12.55466667 72.8 34.29333333 101.248 66.13333334z" fill="#DA761E" p-id="4221"></path></svg>
                  </template>
                  <template v-else-if="social.title=='toutiao'">
                    <svg t="1568653211625" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4032" width="24" height="24"><path d="M224 66.9h577.2c86.2 0 156 69.9 156 156v577.3c0 86.2-69.8 156-156 156H224c-86.2 0-156-69.9-156-156V222.9c-0.1-86.2 69.8-156 156-156z" fill="#FFFFFF" p-id="4033"></path><path d="M801.2 959.6H223.9c-87.9 0-159.4-71.5-159.4-159.4V222.9C64.5 135 136 63.5 223.9 63.5h577.3c87.9 0 159.4 71.5 159.4 159.4v577.2c0 88-71.5 159.5-159.4 159.5zM223.9 70.3c-84.2 0-152.6 68.5-152.6 152.6v577.2c0 84.2 68.5 152.6 152.6 152.6h577.3c84.2 0 152.6-68.5 152.6-152.6V222.9c0-84.2-68.5-152.6-152.6-152.6H223.9z" fill="#DBDCDC" p-id="4034"></path><path d="M247.1 319.1l57.4-85.7 24.4 30.8 34-56.2 53.5 100.3V200.5H188.1v151.2h228.3V319l-169.3 0.1z m-32.3-87.8c0-10.8 8.8-19.6 19.6-19.6s19.6 8.8 19.6 19.6-8.8 19.6-19.6 19.6c-10.9 0-19.6-8.8-19.6-19.6zM666.5 200.5h170.9v25.1H666.5zM666.5 248.1h170.9v25.1H666.5zM666.5 153h170.9v25H666.5zM444.4 200.5H638v25.1H444.4zM444.4 248.1H638v25.1H444.4zM444.4 153H638v25H444.4zM188.1 797.5H638v25.1H188.1zM188.1 845.1H638v25.1H188.1zM188.1 750H638v25H188.1zM666.5 797.5h170.9v25.1H666.5zM666.5 845.1h170.9v25.1H666.5zM666.5 750h170.9v25H666.5z" fill="#DBDCDC" p-id="4035"></path><path d="M202.8 153c1.5 0 2.9 0.1 4.1 0.4 1.2 0.3 2.3 0.7 3.2 1.3 0.9 0.6 1.6 1.4 2.1 2.4s0.7 2.3 0.7 3.7c0 1.6-0.4 2.9-1.1 4-0.7 1.1-1.8 1.9-3.2 2.6 2 0.6 3.4 1.5 4.4 3 1 1.4 1.5 3.1 1.5 5.1 0 1.6-0.3 3-0.9 4.1-0.6 1.2-1.5 2.1-2.5 2.9-1 0.7-2.3 1.3-3.6 1.6-1.3 0.4-2.7 0.5-4.2 0.5h-15.4V153h14.9z m-0.9 12.8c1.3 0 2.3-0.3 3.1-0.9 0.8-0.6 1.2-1.6 1.2-2.9 0-0.7-0.1-1.3-0.4-1.8-0.3-0.5-0.6-0.8-1.1-1.1-0.4-0.3-1-0.4-1.5-0.6-0.6-0.1-1.2-0.1-1.8-0.1h-6.5v7.4h7z m0.4 13.5c0.7 0 1.3-0.1 2-0.2 0.6-0.1 1.2-0.4 1.6-0.7 0.5-0.3 0.9-0.7 1.1-1.3 0.3-0.5 0.4-1.2 0.4-2.1 0-1.6-0.4-2.8-1.4-3.5-0.9-0.7-2.1-1-3.6-1h-7.6v8.7h7.5zM225.9 191c-1.2 0.8-2.9 1.2-5.1 1.2h-3.9V187c0.6 0.1 3.1 0 3.7 0 0.8-0.1 1.4-0.4 1.8-1 0.4-0.6 0.6-1.2 0.6-1.9 0-0.5-0.1-1-0.3-1.4l-8.1-21.6h6.7l5.2 15.7h0.1l5-15.7h6.5l-9.6 25.8c-0.4 2-1.4 3.3-2.6 4.1zM258.2 161.2l-2.8 4.2h-4.6v11.7c0 1.1 0.2 1.8 0.5 2.1 0.4 0.4 1.1 0.5 2.1 0.5h2v4.9h-3.7c-1 0-1.9-0.1-2.8-0.2-0.9-0.1-1.6-0.4-2.3-0.8-0.7-0.4-1.2-0.9-1.6-1.6-0.4-0.7-0.6-1.6-0.6-2.8v-13.9h-3.8v-4.2h3.8v-3.6l6.3-2.9v6.5h7.5zM298.2 153c2.1 0 4 0.3 5.7 1 1.8 0.6 3.3 1.6 4.6 2.9 1.3 1.3 2.3 2.9 3 4.9 0.7 2 1.1 4.3 1.1 6.9 0 2.3-0.3 4.4-0.9 6.4-0.6 2-1.5 3.7-2.7 5.1-1.2 1.4-2.7 2.5-4.5 3.4-1.8 0.8-3.9 1.2-6.3 1.2h-13.7V153h13.7z m-0.4 25.9c1 0 2-0.2 2.9-0.5 0.9-0.3 1.8-0.9 2.5-1.6 0.7-0.8 1.3-1.8 1.8-3 0.4-1.2 0.7-2.7 0.7-4.5 0-1.6-0.1-3-0.5-4.3-0.3-1.3-0.8-2.4-1.5-3.3-0.7-0.9-1.7-1.6-2.8-2.1-1.2-0.5-2.6-0.7-4.3-0.7h-5v20h6.2zM383.7 175.7c-0.6 1.9-1.9 4.3-4.8 4.3h-0.2c-4.9-0.1-5.3-6.5-5.3-6.5-0.1-0.6 0-1.7 0-1.7s0.4-6.4 5.3-6.5h0.2c3 0.1 4.3 2.5 4.8 4.3h6.2c-0.6-2.8-2.8-8.8-11-9.1h-0.3c-10.6 0.3-11.2 10.4-11.2 10.4s-0.2 2.1 0 3.3c0 0 0.6 10.1 11.2 10.4h0.3c8.2-0.2 10.4-6.3 11-9.1h-6.2zM412.2 174.2h3.2c0.2-1.2 0-3.2 0-3.2s-0.6-10.1-11.2-10.4h-0.3c-10.6 0.3-11.2 10.4-11.2 10.4s-0.2 2.1 0 3.3c0 0 0.6 10.1 11.2 10.4h0.3c7-0.2 9.7-4.7 10.6-7.7h-6.4c-0.7 1.5-2 2.9-4.3 2.9h-0.2c-3.9-0.1-4.9-4.1-5.2-5.8h13.5z m-8.4-8.9h0.2c3.3 0.1 4.5 3 5 4.9h-10.2c0.5-1.9 1.8-4.8 5-4.9zM277.8 174.2h3.2c0.2-1.2 0-3.2 0-3.2s-0.6-10.1-11.2-10.4h-0.3c-10.6 0.3-11.2 10.4-11.2 10.4s-0.2 2.1 0 3.3c0 0 0.6 10.1 11.2 10.4h0.3c7-0.2 9.7-4.7 10.6-7.7H274c-0.7 1.5-2 2.9-4.3 2.9h-0.2c-3.9-0.1-4.9-4.1-5.2-5.8h13.5z m-8.3-8.9h0.2c3.3 0.1 4.5 3 5 4.9h-10.2c0.5-1.9 1.7-4.8 5-4.9zM338.5 161.5h-6.8c-1.3-0.6-2.8-0.9-4.7-1h-0.3c-10.5 0.3-11.1 10.4-11.1 10.4s-0.2 2.1 0 3.3c0 0 0.6 10.1 11.1 10.4h0.3c2.5-0.1 4.4-0.7 5.9-1.6l5.6 1.6v-23.1zM327 180h-0.2c-4.8-0.1-5.2-6.5-5.2-6.5-0.1-0.6 0-1.7 0-1.7s0.4-6.4 5.2-6.5h0.2c4.8 0.1 5.2 6.5 5.2 6.5V173.5s-0.4 6.4-5.2 6.5zM363.8 167.7c-0.8-6.7-7.4-7.1-7.4-7.1-3.7-0.3-6.2 1.7-7.4 2.9l-6.7-1.9v23.2h6.3v-13.3c0-6.6 5.2-6 5.2-6 4 0 3.7 5.3 3.7 5.3v14h6.3v-14c0.1-1.5 0-3.1 0-3.1z" fill="#DBDCDC" p-id="4036"></path><path d="M64.6 256.3v543.9c0 4.7 0.3 9.3 0.7 13.9l895.3-50.7V222.9c0-4.7-0.2-9.3-0.6-13.9L64.6 256.3z" fill="#E62318" p-id="4037"></path><path d="M859.5 569.4V527l-134.3 7.6v-21.3l-64.7 3.6v21.4l-134.2 7.6v42.5l134.2-7.6v93.6l64.7-3.7v-93.6z" fill="#FFFFFF" p-id="4038"></path><path d="M526.2 491.1v42.4l46.1-2.6v-0.1l118.9-58.6 121.7 44.9v0.1l46.6-2.7V472l-31.2 1.8-80.2-29.6 106.3-52.4v-73.5l-64.7 3.7-148.9 8.4h0.1l-51.7-24.6-65.9 104.7 54.6 19.9 35.2-55.9 176.6-10v10.2l-98.5 48.5-76.5-28.2-25.9 39.4 45.5 16.8-77.4 38.1zM824.5 583.9l-64.7 3.7L807 666l64.7-3.6zM526.5 682.1l64.7-3.7 43.1-83.5-64.7 3.6zM372.7 586.9l51.1 100.5 71.7-3.7-51.1-100.5zM305.3 513.3L253 447.4l-71.4 4 52.3 65.9zM305.3 431L253 365.1l-71.4 3.9 52.3 66z" fill="#FFFFFF" p-id="4039"></path><path d="M367 575.2l119.6-6.8v-42.5l-79.4 4.6V343.7l-64.7 3.7v186.7l-189.1 10.8v42.5l131.5-7.5-58.3 76.7-71.5 4.1v42.5l120-7v-0.1z" fill="#FFFFFF" p-id="4040"></path></svg>
                  </template>
                  <template v-else-if="social.title=='bilibili'">
                    <svg t="1568653253739" class="icon" viewBox="0 0 1129 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4781" width="24" height="24"><path d="M234.908525 9.656195a80.468288 80.468288 0 0 1 68.398044 0 167.374038 167.374038 0 0 1 41.84351 30.577949l160.936576 140.819503H621.156306L782.092881 40.234144a168.983404 168.983404 0 0 1 41.84351-30.577949 80.468288 80.468288 0 0 1 107.022823 66.788678 80.468288 80.468288 0 0 1-17.703024 53.913753 449.817728 449.817728 0 0 1-35.406046 32.187315 232.553351 232.553351 0 0 1-22.531121 18.507706h100.58536a170.59277 170.59277 0 0 1 118.288383 53.10907A171.397453 171.397453 0 0 1 1128.106519 352.4511v462.692655a325.896565 325.896565 0 0 1-4.023415 70.00741 178.639599 178.639599 0 0 1-80.468288 112.655603 173.006819 173.006819 0 0 1-92.53853 25.749852H212.377404a341.18554 341.18554 0 0 1-72.421459-4.023415 177.834916 177.834916 0 0 1-111.046237-80.468287A172.202136 172.202136 0 0 1 1.550491 846.526387V388.66183A360.497929 360.497929 0 0 1 1.550491 321.873151a177.030233 177.030233 0 0 1 160.936575-143.233552h105.413457c-16.89834-12.070243-31.382632-26.554535-46.671607-39.429461a80.468288 80.468288 0 0 1-25.749852-65.983996A80.468288 80.468288 0 0 1 234.908525 9.656195M216.400819 321.873151a80.468288 80.468288 0 0 0-63.569948 57.937167 108.632188 108.632188 0 0 0 0 30.577949v380.615001a80.468288 80.468288 0 0 0 55.523119 80.468288 106.21814 106.21814 0 0 0 34.601364 5.63278h654.207179a80.468288 80.468288 0 0 0 76.444873-47.47629 112.655603 112.655603 0 0 0 8.046829-53.10907v-354.060465a135.186723 135.186723 0 0 0 0-38.624779 80.468288 80.468288 0 0 0-52.304387-54.718435 129.553943 129.553943 0 0 0-49.890338-7.242146H254.220914a268.764081 268.764081 0 0 0-37.820095 0z m0 0" fill="#20B0E3" p-id="4782"></path><path d="M348.368811 447.40368a80.468288 80.468288 0 0 1 55.523118 18.507706 80.468288 80.468288 0 0 1 28.163901 59.546533v80.468287a80.468288 80.468288 0 0 1-16.093658 51.499705 80.468288 80.468288 0 0 1-131.967992-9.656195 104.608774 104.608774 0 0 1-10.460877-54.718436v-80.468287a80.468288 80.468288 0 0 1 70.00741-67.593362z m416.021047 0a80.468288 80.468288 0 0 1 86.101068 75.64019v80.468288a94.147897 94.147897 0 0 1-12.070243 53.10907 80.468288 80.468288 0 0 1-132.772675 0 95.757262 95.757262 0 0 1-12.874926-57.132485v-80.468287a80.468288 80.468288 0 0 1 70.00741-70.812093z m0 0" fill="#20B0E3" p-id="4783"></path></svg>
                  </template>
                  <template v-else-if="social.title=='imooc'">
                    <svg t="1568653314089" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5966" width="24" height="24"><path d="M473.48 68.39c37.82 36.55 69.63 80.35 88.43 129.71 10.77 28.85 15.85 60.14 12.17 90.86-3.6 44.72-12.74 89.02-12.41 134.02 0.28 22.64 18.81 43.24 41.27 46 21.49 3.35 43.92-10.34 51.35-30.66 6.23-15.39 2.64-32.85-6.23-46.4 38.9 41.82 68.8 91.93 88.52 145.49 17.8 41.83 23.41 88.6 16.6 133.51-4.2 38.44-16.9 75.75-35.94 109.36-30.37 53.74-75.13 97.95-124.1 134.9-17.61 12.96-35.37 25.93-54.35 36.8 1.88-2.51 4.39-4.38 6.76-6.39 24.01-20.82 44.04-46.28 58.36-74.67 32.77-63.76 35.38-142.07 6.92-207.87-20.4 17.18-46.12 28.2-72.82 29.93-31.26 2.37-63.22-7.66-87.56-27.41-25.33-20.14-42.3-50.37-46.31-82.49-2.95-21.42 0.24-43.41 8.07-63.5-56.71 51.27-86.02 130.49-77.5 206.37 4.93 48.11 24.63 94.53 55.69 131.59 5.15 6.73 12.03 12.1 16.06 19.66-48.26-39.72-89.66-89.26-114.85-146.83-17.43-39.92-25.85-83.91-23.08-127.45 1.88-32.77 9.8-65.03 21.91-95.5 26.07-63.01 60.26-122.5 100.38-177.6 17.97-24.85 35.97-49.69 52.35-75.63 35.58-54.12 46.25-123.17 30.31-185.8z" fill="#DE4A3F" p-id="5967"></path></svg>
                  </template>

                  <template v-else-if="social.title=='aliyun'">
                    <svg t="1568656156862" class="icon" viewBox="0 0 1639 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4947" width="26" height="26"><path d="M545.497212 568.816485h545.078303V445.915798H545.497212z" fill="#FE6A00" p-id="4948"></path><path d="M1363.642182-0.005172H1002.987313L1090.011798 123.185131l262.930101 80.539152A113.700202 113.700202 0 0 1 1432.358788 312.883717l0.025858 0.284445v394.084848a113.705374 113.705374 0 0 1-79.437575 109.164606l-262.930101 80.559839L1002.987313 1020.167758h360.654869c150.445253 0 272.409859-121.980121 272.409858-272.430546v-475.332525c0-150.445253-121.959434-272.404687-272.409858-272.404687" fill="#FE6A00" p-id="4949"></path><path d="M272.409859-0.005172h360.654868L546.040242 123.185131 283.099798 203.719111A113.710545 113.710545 0 0 0 203.693253 312.883717v394.369293a113.710545 113.710545 0 0 0 79.411717 109.164606l262.930101 80.559839L633.069899 1020.167758H272.409859C121.959434 1020.147071 0 898.161778 0 747.711354v-475.332526C0 121.964606 121.959434 0.005172 272.409859 0.005172" fill="#FE6A00" p-id="4950"></path></svg>
                  </template>
                  <template v-else-if="social.title=='tencent'">
                    <svg t="1568656498985" class="icon" viewBox="0 0 1402 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" width="24" height="24"><path d="M1215.521013 836.730667c-22.304 22.698667-66.906667 56.746667-144.96 56.746666h-479.493333c144.96-141.872 267.621333-261.045333 278.773333-272.394666 11.146667-11.349333 39.024-39.722667 66.901334-62.421334 55.754667-51.077333 100.362667-56.746667 139.386666-56.746666 55.76 0 100.362667 22.693333 139.392 56.746666 78.053333 73.770667 78.053333 204.293333 0 278.069334z m94.778667-368.869334c-55.754667-62.421333-139.386667-102.149333-228.592-102.149333-78.058667 0-144.96 28.373333-206.293333 73.776-22.304 22.698667-55.754667 45.397333-83.626667 79.445333-22.309333 22.698667-501.797333 499.392-501.797333 499.392C317.86768 1024 351.32368 1024 379.19568 1024h607.728c44.602667 0 78.053333 0 111.509333-5.674667 72.48-5.674667 144.96-34.048 206.293334-90.8 128.234667-124.848 128.234667-334.816 5.573333-459.664z" fill="#00A3FF" p-id="5405"></path><path d="M517.921013 434.405333c-61.674667-45.792-123.349333-68.693333-196.234666-68.693333-89.706667 0-173.797333 40.069333-229.866667 103.04-123.344 131.658667-123.344 337.728 5.605333 469.386667 56.069333 51.52 112.133333 80.138667 179.413334 85.861333l128.949333-125.930667H332.902347c-72.885333-5.728-117.738667-28.624-145.770667-57.242666-78.490667-80.138667-78.490667-206.074667-5.605333-286.213334 39.242667-40.069333 84.096-57.242667 140.16-57.242666 33.642667 0 84.101333 5.722667 134.56 57.242666 22.426667 22.896 84.096 68.693333 106.522666 91.589334h5.605334l84.101333-85.866667v-5.722667c-39.248-40.069333-100.922667-91.589333-134.56-120.208" fill="#00C8DC" p-id="5406"></path><path d="M1111.62768 286.944C1049.17968 118.154667 884.55568 0 697.233013 0c-221.386667 0-397.354667 163.162667-431.413333 365.712 17.029333 0 34.058667-5.621333 56.762667-5.621333 22.709333 0 51.093333 5.621333 73.797333 5.621333 28.378667-140.656 153.264-241.930667 300.853333-241.930667 124.885333 0 232.736 73.141333 283.824 180.042667 0 0 5.68 5.626667 5.68 0 39.733333-5.626667 85.146667-16.88 124.88-16.88 0 5.626667 0 5.626667 0 0" fill="#006EFF" p-id="5407"></path></svg>
                  </template>
                  <template v-else-if="social.title=='huaweicloud'">
                    <svg t="1568656677303" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7094" width="24" height="24"><path d="M512 512m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z" fill="#D0112A" p-id="7095"></path><path d="M785.4 446.8c-3.8-41.8-45.5-84.5-51.3-85.1-5.8-0.6-56 66.4-94.7 129.1-38.6 62.6-85.9 148.7-83.7 154.4 2.1 5.6 118.5-59.9 167.4-95.5 48.7-33.3 66.1-61.1 62.3-102.9zM613.2 716.2c15.2 10.6 70 46.8 105.3 30.7 35.2-16.2 54.1-56.6 54.1-56.6l-199.5-5.5s26 20.4 40.1 31.4z m212.3-194.4c-2.9-0.8-76.3 41.3-112 59.7-35.7 18.3-142.3 84.5-143.1 86.9-0.9 2.8 134.8 4.3 157.9 0.9 20.5-3.2 65.3-15.3 88.2-54.8 22.9-39.5 11.8-91.9 9-92.7zM641.6 313.7c-32.4-43-83.3-40.7-83.3-40.7-3.3 5.2-24.9 64.9-32.2 111.9-7.3 47 1.8 237.7 2 240.4 0.2 2.6 3.7 3.9 6.7 0.9 3-2.9 84.2-136 99.6-169.9 15.2-33.8 39.6-99.6 7.2-142.6z m-331 267.8c-35.7-18.3-109.2-60.5-112-59.7-2.9 0.8-13.9 53.2 9 92.7s67.7 51.6 88.2 54.8c23.1 3.4 158.8 1.9 157.9-0.9-0.8-2.4-107.4-68.6-143.1-86.9z m-5 165.4c35.2 16.2 90.1-20.1 105.2-30.7 14.1-11.1 40.2-31.4 40.2-31.4l-199.5 5.5s18.8 40.5 54.1 56.6z m-15.7-385.2c-5.8 0.6-47.6 43.4-51.3 85.1-3.8 41.8 13.6 69.6 62.3 102.8 49 35.6 165.3 101.2 167.4 95.5 2.1-5.6-45.1-91.7-83.7-154.4-38.7-62.6-88.9-129.6-94.7-129zM465.7 273s-50.9-2.4-83.3 40.7c-32.5 43-8.1 108.8 7.3 142.7 15.4 33.9 96.6 167 99.6 169.9 3 2.9 6.5 1.7 6.7-0.9 0.2-2.6 9.3-193.3 2-240.4-7.3-47.1-28.9-106.8-32.3-112z" fill="#FFFFFF" p-id="7096"></path></svg>
                  </template>
                  &nbsp;
                </a>

                <template v-if="(index+1) % data.socialSplit == 0">
                  <br/>
                </template>
                <template v-if="social.split == true">
                  <br/>
                </template>

          </template>

      </p>


      <p style="margin-top: 0px;">
        <a :href="data.licenseUrl" :title="data.licenseText" target="_blank">{{ data.licenseText}}</a>
        <br>
          {{data.copyright}} <a :href="data.copyrightUrl" :title="data.copyrightText" target="_blank">{{data.copyrightText}}</a>
      </p>
    </div>
  </main>
</template>

<script>
  export default {
    computed: {
      data () {
        return this.$page.frontmatter
      }
    }
  }
</script>

<style lang="stylus">
  .home
    padding $navbarHeight 2rem 0
    max-width 960px
    margin 0px auto
    display block
    .hero
      text-align center
      img
        max-width: 100%
        max-height 280px
        display block
        margin 2rem auto 1.5rem
      h1
        font-size 3rem
      h1, .description, .action
        margin 1.6rem auto
      .description
        max-width 35rem
        font-size 1.6rem
        line-height 1.3
        color lighten($textColor, 40%)
      .action-button
        display inline-block
        font-size 1.2rem
        color #fff
        background-color $accentColor
        padding 0.8rem 1.6rem
        border-radius 4px
        transition background-color .1s ease
        box-sizing border-box
        border-bottom 1px solid darken($accentColor, 10%)
        &:hover
          background-color lighten($accentColor, 10%)
    .features
      border-top 1px solid $borderColor
      padding 1.2rem 0
      margin-top 2.5rem
      display flex
      flex-wrap wrap
      align-items flex-start
      align-content stretch
      justify-content space-between
    .feature
      flex-grow 1
      flex-basis 30%
      max-width 30%
      h2
        font-size 1.4rem
        font-weight 500
        border-bottom none
        padding-bottom 0
        color lighten($textColor, 10%)
      p
        color lighten($textColor, 25%)
    .footer
      padding 2.5rem
      border-top 1px solid $borderColor
      text-align center
      color lighten($textColor, 25%)

  @media (max-width: $MQMobile)
    .home
      .video-div
        iframe
         width 100%;
         height 185px;
      .description
        font-size 0.9rem
      .action-button
        font-size 0.9rem!important
        padding 0.6rem 1.2rem
        font-weight normal!important
      .features
        flex-direction column
      .feature
        max-width 100%
        padding 0 2.5rem

  @media (max-width: $MQMobileNarrow)
    .home
      padding-left 1.5rem
      padding-right 1.5rem
      .hero
        img
          max-height 210px
          margin 2rem auto 1.2rem
        h1
          font-size 2rem
        h1, .description, .action
          margin 1.2rem auto
        .description
          font-size 0.9rem
        .action-button
          font-size 0.9rem!important
          padding 0.6rem 1.2rem
          font-weight normal!important
      .feature
        h2
          font-size 1.25rem
</style>

<!-- 自定义样式 -->
<style>

  .video-div{
    text-align: center;
  }

  .video-div iframe{
    width: 624px;
    height: 351px;
  }

  .home-nav{

  }

  .home-nav a{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .home-nav-player{
    margin-bottom: 0px !important;
  }
  .home--nav-player a{
    margin-bottom: 0px !important;
  }

  .home-nav-quick{
    margin-top: 0px !important;
  }
  .home-nav-quick a{

  }

  .quick-btn{
    border-radius: 60px!important;
    padding: 6px 27px 6px 28px !important;
    font-size: 1.05em!important;
    margin-bottom: 15px !important;
    margin-right: 6px !important;
    color: #4498f8 !important;
    background-color: #fff!important;
    border: 1px solid #2687f7!important;
  }
  .quick-btn:hover{
    /*box-shadow: 6px 6px 6px #4498f8;*/
  }

  .go-player-btn,
  .go-github-btn{
    margin-left: 6px!important;
    border-radius: 60px!important;
    position: relative;
    padding: 7px 16px 6px 50px !important;
    color: #4f5959!important;
    font-size: 1.05em!important;
    font-weight: 600!important;
    letter-spacing: 0.1em!important;
  }


  .go-player-btn{
    color: #fff!important;
    background-color: #4498f8!important;
  }
  .go-player-btn:hover{
    /*box-shadow: 6px 6px 6px #4498f8;*/
  }
  .go-player-btn svg{
    position: absolute;
    left: 0.4em;
    top:5px;
    width: 2em;
    padding-left: 1px !important;
  }

  .go-github-btn{
    border-color:#f4f4f4!important;
    background-color: #f5f5f5!important;
    padding: 7px 20px 7px 50px !important;
  }
  .go-github-btn:hover{
    /*box-shadow: 6px 6px 6px #dddddd;*/
  }
  .go-github-btn svg{
    position: absolute;
    left: 0.4em;
    top: 0.2em;
    width: 2em;
    padding-left: 3px;
  }

  .features{
    margin-top: 20px !important;
  }

  .ad-aliyun-ecs{
      height: 200px;
      background-image: url(https://spring-boot-plus.gitee.io/img/960-300.jpg);
      width: 100%;
      position: relative;
      background-repeat: no-repeat;
      background-position: center 0;
      background-size: auto 100%;
      white-space: nowrap;
      margin-bottom: 20px;
      display: block;
  }

</style>
